﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>银商通支付通信前置系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="银商通支付通信前置系统">
	<meta name="author" content="sheungxin">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="js/flot/html5.js"></script><script src="js/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.min.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.min.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.min.css" >
	<!--<link rel="stylesheet" type="text/css" href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	--><link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
</head>
<body  ng-app="interApp" ng-controller="interController">
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->
									
									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-th-large"></i>
											<a href="manage/inter/list.jsp" target="user_main_iframe">通道接口管理</a>
											<li>通道接口详情</li>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						
						<!-- EXPORT TABLES -->
						<div class="row">
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border primary">
									<div class="box-title">
										<h4><i class="fa fa-bars"></i></h4>
										<div class="tools hidden-xs">
											<a href="javascript:;" class="reload" ng-click="refreshData()">
												<i class="fa fa-refresh"></i>
											</a>
											<a href="javascript:;" class="collapse">
												<i class="fa fa-chevron-up"></i>
											</a>
										</div>
									</div>
									<div class="box-body">
										<div class="panel-group" id="accordion">
										  <div class="panel panel-default">
											 <div class="panel-heading">
												<h3 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">接口基础信息 </a> </h3>
											 </div>
											 <div id="collapseOne" class="panel-collapse collapse in">
												<div class="panel-body">
												
												<form class="form-horizontal" role="form">
												  <div class="form-group">
											<label class="col-sm-2 control-label" for="name">接口名称：</label>
											<div class="col-sm-10 checkbox-inline">
											  {{inter.name}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="interfaceType">接口类型：</label>
											<div class="col-sm-4 checkbox-inline">
												<span ng-switch on="inter.interfaceType">
													<span ng-switch-when="0">业务接口</span>
													<span ng-switch-when="1">外部接口</span>
													<span ng-switch-when="2">银行接口</span>
												</span>
											</div>
											<label class="col-sm-2 control-label" for="projectName">项目包名称</label>
											<div class="col-sm-4 checkbox-inline">
												{{inter.projectName}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="channelId">机构：</label>
											<div class="col-sm-4 checkbox-inline">
												{{inter.channelName}}
											</div>
											<label class="col-sm-2 control-label" for="businessId">业务分类：</label>
											<div class="col-sm-4 checkbox-inline">
												{{inter.businessName}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="channelType">业务细类：</label>
											<div class="col-sm-4 checkbox-inline">
												{{inter.channelTypeName}}
											</div>
											<label class="col-sm-2 control-label" for="enableStatus">部署状态：</label>
											<div class="col-sm-4 checkbox-inline">
											  	<span ng-switch on="inter.enableStatus">
													<span ng-switch-when="1">未部署</span>
													<span ng-switch-when="2">已部署</span>
												</span>
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="runStatus">运行状态：</label>
											<div class="col-sm-4 checkbox-inline">
												<span ng-switch on="inter.enableStatus">
													<span ng-switch-when="0">测试</span>
													<span ng-switch-when="1">正常</span>
													<span ng-switch-when="2">故障</span>
													<span ng-switch-when="3">停用</span>
												</span>
											</div>
											<label class="col-sm-2 control-label" for="protocol">通讯协议：</label>
											<div class="col-sm-4 checkbox-inline">
												{{inter.protocolName}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="packetFormat">报文格式：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.packetFormatName}}
											</div>
											<label class="col-sm-2 control-label" for="idnteractive">交互方式：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.idnteractiveName}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="securitys">安全机制：</label>
											<div class="col-sm-10 checkbox-inline">
											  	{{inter.securitys}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="businessNum">商户号：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.businessNum}}
											</div>
											<label class="col-sm-2 control-label" for="businessPwd">商户密码：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.businessPwd}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="priority">优先级：</label>
											<div class="col-sm-10 checkbox-inline">
											  	{{inter.priority}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="interfaceMsg">接口说明：</label>
											<div class="col-sm-10 checkbox-inline">
											  	{{inter.interfaceMsg}}
											</div>
										  </div>
										  <div class="form-group">
											<label class="col-sm-2 control-label" for="contacts">联系人：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.contacts}}
											</div>
											<label class="col-sm-2 control-label" for="contactsPhone">联系电话：</label>
											<div class="col-sm-4 checkbox-inline">
											  	{{inter.contactsPhone}}
											</div>
										  </div>										  
										   </form>
										  </div>
											 </div>
										  </div>
										  <div class="panel panel-default">
										  	<div class="panel-heading">
												<h3 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">附件信息 </a> </h3>
											</div>
										 	<div id="collapseFour" class="panel-collapse collapse in"> 	
										  		<table id="example-dark" class="table table-striped">											  						  	
											  		<tr ng-repeat="attach in attachmentList" ng-cloak class="ng-cloak">
														<td>
												  			&nbsp;&nbsp;&nbsp;&nbsp;{{attach.fileName}}&nbsp;&nbsp;<a  href="qz/download/filedown?filename={{attach.fileName}}">下载</a>
												 		</td> 
											  		</tr>
										  		</table>	
										  	</div>
										  <div class="panel panel-default">
											 <div class="panel-heading">
												<h3 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">支持银行信息 </a> </h3>
											 </div>
											 <div id="collapseTwo" class="panel-collapse collapse">
												<div class="panel-body"> 
												<form class="form-horizontal" role="form" id="bankForm" name="bankForm">
												<div class="form-group">
													<div class="col-sm-12">
													 
														<div class="panel panel-default" ng-show="inter_sp.bankids.length>0">
														<div class="panel-body">
														  <div class="tabbable tabs-left">
															<ul class="nav nav-tabs">
															   <li ng-class="{true:'active'}[$index==0]" ng-repeat="spbankid in inter_sp.bankids">
															   	<a href="#tab_{{spbankid}}" data-toggle="tab">{{bankMap[spbankid].name}}</a>
															   </li>
															</ul>
															<div class="tab-content">
															   <div ng-class="{true:'tab-pane fade in active',false:'tab-pane fade'}[$index==0]" id="tab_{{spbankid}}" ng-repeat="spbankid in inter_sp.bankids">
															   		<div class="col-md-10">
															   			<div class="form-group">
																			<label class="col-sm-3 control-label">本地银行代码：</label>
																			<div class="col-sm-3 checkbox-inline">
																			  {{bankMap[spbankid].code}}
																			</div>
																			<label class="col-sm-3 control-label" for="bcode">渠道银行代码：</label>
																			<div class="col-sm-3 checkbox-inline" id="{{spbankid}}_bcode">
																			 
																			</div>
																		</div>
															   			<div class="panel panel-default">
																		<div class="panel-body">
																			 <div class="tabbable">
																				<ul class="nav nav-tabs">
																				   <li ng-class="{true:'active'}[$index==0]" ng-repeat="zfklx in zfklxList" ng-if="zfklxMap[spbankid+'_'+zfklx.dictionaryId]">
																				   	<a href="#tab_{{spbankid}}_{{zfklx.dictionaryId}}" data-toggle="tab">
																				   		<i class="" id="icon_{{spbankid}}_{{zfklx.dictionaryId}}"></i>{{zfklx.name}}
																				   	</a>
																				   </li>
																				</ul>
																				<div class="tab-content">
																				   <div ng-class="{true:'tab-pane fade in active',false:'tab-pane fade'}[$index==0]" id="tab_{{spbankid}}_{{zfklx.dictionaryId}}" ng-repeat="zfklx in zfklxList" ng-if="zfklxMap[spbankid+'_'+zfklx.dictionaryId]">
																					  <div class="divide-10"></div>
																					  <div class="form-group">
																						<label class="col-sm-3 control-label">本地{{zfklx.name}}代码：</label>
																						<div class="col-sm-3 checkbox-inline">
																						  {{zfklx.code}}
																						</div>
																						<label class="col-sm-3 control-label" for="zfklx">渠道{{zfklx.name}}代码：</label>
																						<div class="col-sm-3 checkbox-inline" id="{{spbankid}}_{{zfklx.dictionaryId}}_zfklx">
																						</div>
																					  </div>
																					  <div class="form-group">
																					   <label class="col-sm-3 control-label">支持{{zfklx.name}}属性：</label>
																						<div class="col-sm-9 checkbox-inline" id="{{spbankid}}-{{zfklx.dictionaryId}}">
																						</div>
																					  </div>
																				   </div>
																				</div>
																			 </div>
																		 </div>
																	</div>
															   		</div>
															   </div>
															</div>
														 </div>
													 	 </div>
													 	</div>
													</div>
												</div>
											</form>					
												</div>
											 </div>
										  </div>										  
										  <div class="panel panel-default">
											 <div class="panel-heading">
												<h3 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">服务器部署信息 </a> </h3>
											 </div>
											 <div id="collapseThree" class="panel-collapse collapse">
												<div class="panel-body"> 
												  <form class="form-horizontal" role="form" id="serverForm" name="serverForm">
										 	<div class="alert alert-warning ">
											<a class="close" aria-hidden="true" href="#" ></a>
											<p>
												服务器配置信息格式如下所示：<br>
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服务器类型(0:入口服务器,1:实际服务器),IP,端口,访问地址,响应地址,部署目录<br>
												例如：<br>
												&nbsp;&nbsp;&nbsp;&nbsp;0,127.0.0.1,8080,-,-,-<br>
												&nbsp;&nbsp;&nbsp;&nbsp;1,127.0.0.1,8081,-,-,/usr/local/app2/deploy
											</p>
										 </div>
											<table id="example-dark" class="table table-striped">
											<thead>
												<tr>	
													<th>服务器类型</th>
													<th>ip</th>
													<th>端口</th>
													<th>访问地址</th>
													<th>响应地址</th>
													<th>部署目录</th>
												</tr>
											</thead>
											<tbody>
												<tr ng-repeat="inters in deployInfo" ng-cloak class="ng-cloak">	
													<td><span ng-switch on="inters.type">
															<span ng-switch-when="0">入口服务器</span>
															<span ng-switch-when="1">实际服务器</span>
														</span></td>
													<td>{{inters.ip}}</td>
													<td>{{inters.ports}}</td>
													<td>{{inters.url}}</td>
													<td>{{inters.response}}</td>
													<td>{{inters.deploy}}</td>
												</tr>
											</tbody>
										</table>
											</form> 
												 </div>
											 </div>
										  </div>
									   </div>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /EXPORT TABLES -->
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>  
			<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>

	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script> 
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script>
		jQuery(document).ready(function() {
		   	App.init();
		});
	</script>
	<script src="js/angular.min.js"></script>
	<script src="js/modules/manage/inter/details.js"></script>                 
</body>
</html>